<template>
  <div>
    <swiper :lunbotuList="lunbotuList" :isfull="true"></swiper>
    <ul>
      <li>
        <router-link to="/home/newslist">
          <img src="../../images/menu1.png" alt="">
          <div class="">xxxx</div>
        </router-link>
      </li>
    </ul>
  
  
  </div>
</template>

<script>
import {Toast} from "mint-ui";
import swiper from "../subcomponents/swiper";


export default {
  data(){
    return {
      lunbotuList:[]
    };
  },
  created(){
    this.getLunbotu();
  },
  methods:{
    getLunbotu(){
      this.$http.get("api/getlunbo").then(result=>{
        if(result.body.status===0){
          this.lunbotuList=result.body.message;
        }else{
          Toast("failed to load");
        }
      })
    }
  },
  components:{
    swiper
  }
}
</script>

<style lang="scss" scoped>
.mui-grid-view.mui-grid-9{
  background-color: #fff;
  border:none;
  img{
    width:60px;
    height: 60px;
  }
  .mui-media-body{
    font-size: 13px;
  }
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell{
  border:0;
}
</style>